<template>
  <div>
    <!-- 根据输入的城市 查询出对应的天气 -->
    请输入要查询的城市:<input
      type="text"
      @keyup.enter="searchWeather"
      v-model="cityName"
    />
    <div>当前城市的天气:{{ temStr }}度</div>
  </div>
</template>

<script>
// 引入axios
import { post } from "../http/axios";
export default {
  data() {
    return {
      //城市名称
      cityName: "",
      // 天气查询的结果
      temStr: "",
    };
  },
  methods: {
    // 根据城市查询对应的天气
    async searchWeather() {
      // post 有参
      // 声明要用到的参数
      let data = {
        city: this.cityName,
        type: 1,
      };
      // 直接发送请求
      let res = await post("/tianqi", data);
      this.temStr = res.data.temp;
    },
  },
};
</script>

<style scoped>
</style>
